<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title></title>
	<link rel="stylesheet" href="css/details.css" />
</head>
<body>
	<header></header>
	<nav>
		<ul>
			<li><a href="" target="_blank">首页</a></li>
			<li><a href="" target="_blank">全部分类</a></li>
			<li><a href="" target="_blank">优惠券自选专区</a></li>
			<li><a href="" target="_blank">爆款掌柜推荐区</a></li>
			<li><a href="" target="_blank">精选套餐区</a></li>
			<li><a href="" target="_blank">限量秒杀专区</a></li>
		</ul>
	</nav>
	<!--内容区-->
	<section class="details">
		<section class="top">
			<div class="wrap">
				<div class="top_right">
					<a href="" target="_blank">樱桃小丸子旗舰店</a>
					<div class="score">
						<i>
							<div></div>
						</i>
						<b>9.64</b>
						<span></span>
					</div>
					<div class="service">
						<i></i>
						<a href="" target="_blank">联系客服</a>
					</div>
					<div class="guanzhu">
						<i></i>
						<a href="" target="_blank">关注店铺</a>
					</div>
				</div>
			</div>
		</section>
		<section class="content clear">
			<div class="row1">
				<figure class="small_img">
					<img src="images/jiazai.gif" alt="" style="width: 200px; height: 180px; margin:100px auto;" />
					<div class="smallf"></div>
				</figure>
				<div class="bigf">
					<img src="https://img14.360buyimg.com/n0/jfs/t19912/33/927199229/297549/8c269ff0/5b0fca0fN8d5600df.jpg" alt="" class="bigimg"/>
				</div>
				<div style="position: relative;">
					<div class="back_btn"></div>
					<div class="next_btn"></div>
					<div class="row1_bottom">
						
						<ul>
							<li class="imgborder">
								<img src="https://img14.360buyimg.com/n0/jfs/t19912/33/927199229/297549/8c269ff0/5b0fca0fN8d5600df.jpg" alt="" />
							</li>
							<li>
								<img src="https://img14.360buyimg.com/n0/jfs/t21841/220/511398767/264686/1baa44ab/5b0fca14Nc58ff97f.jpg" alt="" />
							</li>
							<li>
								<img src="https://img14.360buyimg.com/n0/jfs/t20284/199/510812106/55652/836097aa/5b0fca18N084af63f.jpg" alt="" />
							</li>
							<li>
								<img src="https://img14.360buyimg.com/n0/jfs/t20338/191/534453121/29336/911fc997/5b0fca1bN6d8ef731.jpg" alt="" />
							</li>
							<li>
								<img src="https://img14.360buyimg.com/n0/jfs/t20287/223/503085215/222846/d3f20567/5b0fca20Nce39e2b9.jpg" alt="" />
							</li>
							<li>
								<img src="https://img14.360buyimg.com/n0/jfs/t22006/237/552721008/270926/c551ae28/5b0fca24Nc72014d5.jpg" alt="" />
							</li>
						</ul>
						
					</div>
				</div>
				
				<div class="last clear">
					<div>
						<i></i>
						关注
					</div>
					<div>
						<i></i>
						分享
					</div>
					<div>
						<i></i>
						对比
					</div>
					<a href="" target="_blank">举报</a>
				</div>
			</div>
			<div class="row2">
				<h2><img src="https://img10.360buyimg.com/devfe/jfs/t3235/8/5095608208/4769/3409ca1c/5860da3eNe40e081e.png" alt=""  style="display: inline-block;"/><span>小米8 全面屏游戏智能手机 6GB+64GB 黑色 全网通4G 双卡双待</span></h2>
				<div class="gray">
					<div class="pricebox">
						<em>京 东 价</em><span>￥</span><span class="price">2599.00</span> <a href="">降价通知</a>
					</div>
					<div class="cuxiao">
						<em>促 　 销</em> <div>满额返券</div><span>购买满1元即返部分商品满128减20优惠券</span>
					</div>
					<div class="discuss">
						<p>累计评价</p><span>52万+</span>
					</div>
				</div>
				<div class="peisong">
					<em>配 送 至</em>
					<div class="address">
						浙江杭州市江干区九堡镇
						<i></i>
					</div>
					<b>有货</b>
					<strong>支持</strong>
					<a href="https://help.jd.com/user/issue/list-429.html" target="_blank">送运险费</a>
					<a href="https://help.jd.com/user/issue/list-429.html" target="_blank">闪电退款</a>
					<a href="https://help.jd.com/user/issue/list-429.html" target="_blank">极速审核</a>
					<a href="https://help.jd.com/user/issue/list-429.html" target="_blank">破碎包赔</a>
					<p>在线支付免运费<i class="wenhao"></i></p>
					<p>由 <span>京东</span> 发货, 并提供售后服务. 23:00前下单,预计<b>明天(10月06日)</b>送达</p>
				</div>
				<div class="fenqi" id="guige">
					<em>规    格</em>
					<div class="redborder">
						官方标配
					</div>
					<div>
						套餐A
					</div>
					<div>
						套餐B
					</div>
				</div>
				<div class="fenqi">
					<em>白条分期</em>
					<div class="redborder">
						不分期
					</div>
					<div>
						￥<span>879.34</span>起分3期
					</div>
					<div>
						￥<span>446.45</span>起分6期
					</div>
					<div>
						￥<span>229.62</span>起分12期
					</div>
					<br />
					<div>
						￥<span>121.33</span>起分24期
					</div>
					<i class="wenhao"></i>
					<i class="wenhao"></i>
				</div>
				<div class="row2_bottom clear">
					<div class="calculator">
						<input type="text" value="1"/>
						<button>+</button>
						<button>-</button>
					</div>
					<div class="join">
						加入购物车
					</div>
					<div class="buy">
						一键购
					</div>
				</div>
				<p class="tips">温馨提示     · 支持7天无理由退货</p>
			</div>
		
		</section>
	</section>
	<div class="mask">
		<div class="modalbox">
			<div class="modalbox_logo"></div>
			<i></i><span>商品已经成功加入购物车</span>
			<div class="clear">
				<button class="close">查看商品详情 <b></b></button>
				<button>去购物车结算 <b></b></button>
			</div>
			
		</div>
	</div>
	<footer></footer>
	<script type="text/javascript" src="script/thirdplugins/jquery1.11.3.js"></script>
	<script type="text/javascript" src="script/js/details.js">

	</script>
</body>
</html>